<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>知果汇</title>
    <link href="__STATIC__/admin/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/admin/css/simple-line-icons.css" rel="stylesheet">
    <link href="__STATIC__/admin/css/font-awesome.min.css" rel="stylesheet">
    <link href="__STATIC__/admin/css/jasny-bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/admin/css/nanoscroller.css">
    <link href="__STATIC__/admin/css/style.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/jquery-ui.css">
    <!--[if lt IE 9]>
    <script src="__STATIC__/admin/js/html5shiv.min.js"></script>
    <script src="__STATIC__/admin/js/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            background-color: #ffffff;
            min-width: 600px;
        }

        .row {
            margin-left: 0px;
            margin-right: 0px;
            min-width: 600px;
        }

        .form .row {
            margin-top: 5px;
        }

        p {
            margin: 0;
        }

        .form .row img {
            width: 128px;
            height: 128px;
            margin-bottom: 5px;
        }

        .formControls {
            padding-right: 10px;
        }

        .radio-box {
            display: inline-block;
            width: 64px;
        }

        .formControls {
            padding-right: 50px;
            position: relative;
        }

        .textarea {
            height: 100px;
            resize: none;
            font-size: 14px;
            padding: 4px;
        }

        .textarea-numberbar {
            position: absolute;
            right: 70px;
            bottom: 5px;
            z-index: 1;
            margin-bottom: 0;
        }
    </style>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-add">


        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">姓名：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="nick"></p>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">身份证号：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="card"></p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">正面照：</label>
            <div class="formControls col-xs-9 col-sm-9 skin-minimal">
                <span class="select-box" style="width:150px;">
                    <img id="positive" src="">
                </span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">反面照：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <span class="select-box" style="width:150px;">
                    <img id="reverse" src="">
                </span>
            </div>
        </div>


        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">联系方式：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="phone"></p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">支付宝账号：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="alipay"></p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">创建时间：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="time"></p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">状态：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="static"></p>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">审核失败原因：</label>
            <div class="formControls col-xs-9 col-sm-9">
                <p id="result"></p>
            </div>
        </div>
    </form>
</article>

<script src="__STATIC__/admin/js/jquery.min.js"></script>
<script src="__STATIC__/admin/js/bootstrap.min.js"></script>
<script src="__STATIC__/admin/js/jasny-bootstrap.min.js"></script>
<script src="__STATIC__/admin/js/jquery.slimscroll.min.js"></script>
<script src="__STATIC__/admin/js/jquery.nanoscroller.min.js"></script>
<script src="__STATIC__/admin/js/metismenu.min.js"></script>
<script src="__STATIC__/admin/js/float-custom.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/layer/layer.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/laypage/laypage.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/laydata/laydate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/js/getMyDate.js"></script>
<script type="text/javascript">
    var url = window.location.href;
    id = url.split("#")[1];
    $.ajax({
        type: 'GET',
        url: "{:url('api/authentication/authentication_personal_msg')}",
        dataType: 'jsonp',
        jsonp: 'callback',
        data: {id: id},
        success: function (msg) {
            if (msg.code == 200) {
                var time = msg.data.time;
                ltime = getMyDate(time * 1000);

                $("#nick").html(msg.data.nick);
                $("#card").html(msg.data.card);
                $("#positive").attr('src', "/Images/authentication/" + msg.data.positive_image);
                $("#reverse").attr('src', "/Images/authentication/" + msg.data.reverse_image);
                $("#phone").html(msg.data.phone);
                $("#alipay").html(msg.data.alipay);
                $('#time').html(ltime);
                $("#result").html(msg.data.result);

                if (msg.data.static == 1) {
                    $('#static').html('待审核');
                } else if (msg.data.static == 2) {
                    $('#static').html('审核通过');
                } else if (msg.data.static == 3) {
                    $('#static').html('审核不通过');
                }
            } else {
                layer.msg('获取信息不成功!', {icon: 5, time: 2000});
            }
        }
    })
</script>
</body>
</html>